<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	response.setHeader("Access-Control-Allow-Origin", "*");
%>
<!DOCTYPE html>
<html>
<style>
#name {
	color: black;
	font-size: 30px;
	font-weight: 100;
}

.name {
	width: 260px;
	font-weight: 700;
}

.value {
	width: calc(100% - 260px);
}

.a-row {
	border-bottom: 1px dotted #abb2bf;
	display: flex;
	padding: 10px 0;
	margin: 0 0 0 10px;
	font-size: 14px;
}

.ibox-content h2 {
	background: #1AB394;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0 0 5px 0;
	padding: .6rem;
}

.detail-render, .dc-block-sequence {
    box-shadow: 0px 2px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,.12);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.12);
    background: #fff;
    margin-bottom: 20px;
}
</style>
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>药品·数据工厂</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
	rel="shortcut icon">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath }/font-awesome/css/font-awesome.css"
	rel="stylesheet">

<!-- Toastr style -->
<link
	href="${pageContext.request.contextPath }/css/plugins/toastr/toastr.min.css"
	rel="stylesheet">

<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet">



</head>

<body>

	<div id="wrapper">
		<nav class="navbar-default navbar-static-side" role="navigation">
			
			<%@include file="../components/left.jsp"%>
		</nav>


		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom f-0">
				<jsp:include page="../components/head.jsp" flush="true" />
			</div>
			<div class="row wrapper border-bottom white-bg page-heading"
				style="margin-top: 20px">
				<div class="col-lg-10">
					<h2>${webName}</h2>
					<ol class="breadcrumb">
						<li><a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a></li>
						<li><a>器官芯片</a></li>
						<li class="active"><strong>详情</strong></li>
					</ol>
				</div>
			</div>

			<div class="wrapper wrapper-content  animated fadeInRight article">
				<div class="row">

					<div class="col-lg-12 col-lg-offset" style="padding-right: 20px">
						<div class="ibox">
							<div class="ibox-content" id="list">
								<div class="table-responsive data">
									<h1 id="name">
									<font style="vertical-align: inherit;">
									<font style="vertical-align: inherit;">${news.geo_accession_number }</font>
									</font>
									</h1>
									<div id="html1">
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;">
												<font style="vertical-align: inherit;">Status</font>
												</font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;">
												<font style="vertical-align: inherit;">${news.status }</font>
												</font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;">
												<font style="vertical-align: inherit;">Title</font>
												</font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;">
												<font style="vertical-align: inherit;">${news.title }</font>
												</font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
													<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Organism(s)</font></font>
											</div>
											<c:forEach items="${news.json_organism }" var="organism">
												<div class="value">
													<a target="_blank" href="${organism.url }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${organism.name }</font></font></a>
												</div>
											</c:forEach>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Experiment type</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.experiment_type }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Summary</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.summary }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Overall design</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.overall_design }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Contributor(s)</font></font>
											</div>
											<c:forEach items="${news.json_contributor }" var="contributor">
												<div class="value">
													&nbsp&nbsp&nbsp&nbsp<a target="_blank" href="${contributor.url }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${contributor.name }</font></font></a>
												</div>
											</c:forEach>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Citation(s)</font></font>
											</div>
											<c:forEach items="${news.json_citation }" var="citation">
												<div class="value">
													<a target="_blank" href="${citation.url }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${citation.name }</font></font></a>
												</div>
											</c:forEach>
										</div>
									</div>
									<div id="html2" style="margin-top: 20px;background: #eeeeee;">
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Submission date</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.submission_date }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Last update date</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.last_update_date }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Contact name</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.contact_name }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">E-mail(s)</font></font>
											</div>
											<c:forEach items="${news.e_mail }" var="mail">
												<div class="value">
													<a target="_blank" href="${mail.url }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${mail.name }</font></font></a>
												</div>
											</c:forEach>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Organization name</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.organization_name }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Department</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.department }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Lab</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.lab }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Street address</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.street_address }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">City</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.city }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">State/province</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.state_province }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">ZIP/Postal code</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.zip_postal_code }</font></font>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Country</font></font>
											</div>
											<div class="value">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${news.country }</font></font>
											</div>
										</div>
									</div>
									<div id="html3" style="margin-top: 20px;">
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Platforms</font></font>
											</div>
											<div class="value">
												<c:forEach items="${news.platforms }" var="platforms">
														<div class="a-row" style="border:none;padding: 0;">
															<div class="name">
																<a target="_blank" href="${platforms.url }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${platforms.name }</font></font></a>
															</div>
															<div class="value">
																<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${platforms.text }</font></font>
															</div>
														</div>
												</c:forEach>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<div>
													<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Samples</font></font>
												</div>
											</div>
											
											<div class="value">
												<c:forEach items="${news.samples }" var="samples">
													<div class="a-row" style="border:none;padding: 0;">
														<div class="name">
															<a target="_blank" href="${samples.url }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${samples.name }</font></font></a>
														</div>
														<div class="value">
															<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${samples.text }</font></font>
														</div>
													</div>
												</c:forEach>
											</div>
										</div>
										<div class="a-row">
											<div class="name">
												<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Relations</font></font>
											</div>
											<div class="value">
											<c:forEach items="${news.relations }" var="relations">
												<div class="a-row" style="border:none;padding: 0;">
													<div class="name">
														<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${relations.name }</font></font>
													</div>
													<div class="value">
														<a target="_blank" href="${relations.url }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${relations.key }</font></font></a>
													</div>
												</div>
											</c:forEach>
											</div>
										</div>
									</div>
									<div id="html4" style="margin-top: 20px;">
										<div class="a-row" style="border-bottom: none;">
											<div class="name" style="width: 100%;">
												<table class="table table-bordered" id="table-clinical_trials">
												<thead id="dosage_forms" style="background: #eeeeee;">
												<tr>
													<th>
														<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Download family</font></font>
													</th>
													<th>
														<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Format</font></font>
													</th>
												</tr>
												</thead>
												<tbody>
												<c:forEach items="${news.download_family }" var="download_family">
													<tr>
														<td>
															<a target="_blank" href="${download_family.download_family_href }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${download_family.download_family }</font></font></a>
														</td>
														<td>
															<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${download_family.format }</font></font>
														</td>
													</tr>
												</c:forEach>
												</tbody>
												</table>
											</div>
										</div>
									</div>
									<div id="html5">
										<div class="a-row" style="border-bottom: none;">
											<div class="name" style="width: 100%;">
												<table class="table table-bordered" id="table-clinical_trials">
												<thead id="dosage_forms" style="background: #eeeeee;">
												<tr>
													<th>
														<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Supplementary file</font></font>
													</th>
													<th>
														<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Size</font></font>
													</th>
													<th>
														<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Download</font></font>
													</th>
													<th>
														<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">File type/resource</font></font>
													</th>
												</tr>
												</thead>
												<tbody>
												<c:forEach items="${news.file_form }" var="file_form">
													<tr>
														<td>
															<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${file_form.supplementary_file }</font></font>
														</td>
														<td>
															<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${file_form.size }</font></font>
														</td>
														<td>
														<c:forEach items="${file_form.download }" var="download">
																<a target="_blank" href="${download.url }"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${download.name }</font></font></a>
														</c:forEach>
														</td>
														<td>
															<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">${file_form.file_type_resource }</font></font>
														</td>
													</tr>
												</c:forEach>
												</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>


						</div>

					</div>

				</div>


			</div>


		</div>

	</div>



	<!-- Mainly scripts -->
	<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/plugins/pace/pace.min.js"></script>
	<script src="${pageContext.request.contextPath }/js/userCustom.js"></script>
	<script type="text/javascript">
		
	</script>

</body>

</html>


</body>
</html>